<!DOCTYPE html>
<html lang='en'>

<head>
    <title>旋转木马</title>
    <meta charset="utf-8">
    <style type="text/css">
    #outer {
        height: 400px;
        background-color: #eee;
        max-width: 960px;
    }
    </style>
</head>

<body>
    <div id="outer"></div>
    <script src='../assets/js/Carrousel.js'></script>
    <script>
    var carrousel = new Carrousel({
        imgs: [{
            url: '../assets/img/img01.png',
            title: '未来实际能力培养',
            href: '#',
        }, {
            url: '../assets/img/img02.png',
            title: '未来实际能力培养',
            href: '#',
        }, {
            url: '../assets/img/img03.png',
            title: '未来实际能力培养',
            href: '#',
        }, {
            url: '../assets/img/img04.png',
            title: '未来实际能力培养',
            href: '#',
        }],
        outer: document.querySelector('#outer'),
    });
    </script>
</body>

</html>